<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>淘宝精灵图</title>
		<link rel="stylesheet" type="text/css" href="./css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/精灵图.css"/>
	</head>
	<body>
		<div class="box">
			<div class="tit">
				<ul class="clearfix">
					<li><a href="#">公告</a></li>
					<li><a href="#">规则</a></li>
					<li><a href="#">论坛</a></li>
					<li><a href="#">安全</a></li>
					<li><a href="#">公益</a></li>
				</ul>
			</div>
			<div class="user">
				<div class="article">
					<p><a href="#">国家副主席在淘宝实鞋为”中国质造"点赞</a></p>
					<p><a href="#">年货节启动”非遗众筹”农村孤儿新年礼包发出</a></p>
				</div>
				<div class="login-box">
					<div class="user-login">	<!-- 登录 -->	
						<a href="#"><img src="img/淘宝/tx.gif" ></a>
						<p>Hi！你好</p>
						<p><img src="img/淘宝/jb.gif" ><span>领淘金币抵钱</span>或去<span>会员俱乐部</span></p>
					</div>
					<div class="kuang-box">	<!-- 登录按钮盒子 -->
						<div class="kuang fl">	<!-- 按钮 -->
							<a href="#"><img src="img/淘宝/13.png" >登录</a>
						</div>
						<div class="kuang fl">	<!-- 按钮 -->
							<a href="#">免费注册</a>
						</div>
						<div class="kuang fl">	<!-- 按钮 -->
							<a href="#">免费开店</a>
						</div>
					</div>
				</div>
			</div>
			<div class="news">	<!-- 头条 -->
				<a href="#">
					<span></span>
					<i>[热门]</i>冬季连衣裙装懒怎么穿 猛戳这
				</a>
			</div>
			
			<div class="bottom ">
				<a href="#">
					<span></span>
					<p>充话费</p>
				</a>
				<a href="#">
					<span></span>
					<p>游戏</p>
				</a>
				<a href="#">
					<span></span>
					<p>旅行</p>
				</a>
				<a href="#">
					<span></span>
					<p>保险</p>
				</a>
				<a href="#">
					<span></span>
					<p>彩票</p>
				</a>
				<a href="#">
					<span></span>
					<p>电影</p>
				</a>
				<a href="#">
					<span></span>
					<p>点外卖</p>
				</a>
				<a href="#">
					<span></span>
					<p>理财</p>
				</a>
				<a href="#">
					<span></span>
					<p>找服务</p>
				</a>
				<a href="#">
					<span></span>
					<p>音乐</p>
				</a>
				<a href="#">
					<span></span>
					<p>水电煤</p>
				</a>
				<a href="#">
					<span></span>
					<p>火车票</p>
				</a>
			</div>
		</div>
	</body>
</html>
